<!--
 * @Author: your name
 * @Date: 2020-03-10 10:20:00
 * @LastEditTime: 2020-03-13 16:05:26
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \merchant_terminal\src\page\mine.vue
 -->
 <style>
.mu-list-two-line .mu-item {
  height: 1.6rem;
}
</style>
 
<style scoped>
.head {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}
.banner {
  height: 120px;
  background-size: 100%;
}
</style>
<template>
  <div class="h100 f f-col bg-white">
    <div class="w100 banner pt10">
      <div class="f j-b p15">
        <div class="f a-c">
          <div class="head img-cover">
            <img
              class="animated rotateIn"
              src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg"
              width="100%"
              height="100%"
            >
          </div>
          <em class="ml10">
            <p class="f14">迷人的塔格里</p>
            <p class="f12">已实名>></p>
          </em>
        </div>
        <!-- 资料设置 -->
        <mu-button class="rel" color="#000" icon ref="button" @click="loginOut">
          <van-icon name="weapp-nav" size="18px"/>
        </mu-button>
      </div>
    </div>
    <!-- 主体 -->
    <div class="w100 h100 c999 scroll">
      <mu-list textline="two-line" class="bg-white p0">
        <mu-list-item
          v-for="(item,index) in mineMenuData"
          :key="index"
          class="van-hairline--bottom mineCell"
          avatar
          button
          :ripple="false"
          @click="$link(item.link)"
        >
          <mu-list-item-content>
            <mu-list-item-title class="f14">{{item.name}}</mu-list-item-title>
          </mu-list-item-content>
          <div class="f a-c">
            <van-icon class="c999" name="arrow"/>
          </div>
        </mu-list-item>
      </mu-list>
    </div>
  </div>
</template>

<script>
import { loginOut } from "@/http/api";
export default {
  data() {
    return {
      mineMenuData: [
        { name: "我的钱包", ico: "", link: "/mine/wallet" },
        { name: "我的订单", ico: "", link: "/order/order" },
        { name: "实名认证", ico: "", link: "/mine/identity" },
        { name: "联系我们", ico: "", link: "/mine/Telephone" },
        { name: "常见问题", ico: "", link: "/mine/question" },
        { name: "关于我们", ico: "", link: "/mine/about" }
      ]
    };
  },
  methods: {
    loginOut() {
      loginOut().then(res => {
        this.$router.push({
          path: "../login"
        });
      });
    }
  }
};
</script>